@import "../styles/helper";
.yui-tree {
  &-item {
    color: $B800;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
  }
  &-title {
    display: flex;
    padding: 4px 4px 4px 0;
    align-items: center;
    .yui-icon {
      transform: scale(0.7);
    }
    &:hover {
      background: $H050;
    }
  }

  // level 循环
  $class-prefix: yui-tree-level;
  @for $n from 0 to 100 {
    .#{$class-prefix}-#{$n} {
      .yui-tree-title {
        padding-left: ($n * 16) + px;
      }
    }
  }

  &-children {
    transition: height 0.3s;
    overflow: hidden;
    &-gone {
      height: 0;
    }
  }
}
